<?xml version="1.0" encoding="UTF-8"?>
<!--
  Licensed to the Apache Software Foundation (ASF) under one
  or more contributor license agreements.  See the NOTICE file
  distributed with this work for additional information
  regarding copyright ownership.  The ASF licenses this file
  to you under the Apache License, Version 2.0 (the
  "License"); you may not use this file except in compliance
  with the License.  You may obtain a copy of the License at

      http://www.apache.org/licenses/LICENSE-2.0

  Unless required by applicable law or agreed to in writing,
  software distributed under the License is distributed on an
  "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  KIND, either express or implied.  See the License for the
  specific language governing permissions and limitations
  under the License.
-->
<!DOCTYPE html>
<html xmlns:wicket="http://wicket.apache.org">
<wicket:panel>
	<div id="busy-indicator"><i class="fas fa-spinner fa-spin"></i></div>
	<div class="tabs" id="room-sidebar-tabs">
		<ul class="nav nav-tabs" role="tablist">
			<li class="nav-item">
				<a href="#room-sidebar-tab-users" class="nav-link active om-icon big tab user" id="room-sidebar-users-tab" data-toggle="tab" role="tab" aria-controls="room-sidebar-tab-users" wicket:message="title:398">
					<i class="fas fa-users"></i>
					<span class="label"><wicket:message key="398"/>&nbsp;</span><span class="badge badge-info user-count"></span>
				</a>
			</li>
			<li class="nav-item" wicket:enclosure="file-tab">
				<a href="#room-sidebar-tab-files" class="nav-link om-icon big tab file" id="room-sidebar-files-tab" data-toggle="tab" role="tab" aria-controls="room-sidebar-tab-files" wicket:message="title:245" wicket:id="file-tab">
					<i class="fas fa-folder"></i>
					<span class="label"><wicket:message key="245"/></span>
				</a>
			</li>
			<li class="btn-dock btn btn-outline-secondary" wicket:message="data-ttl-dock:label.dock.panel,data-ttl-undock:label.undock.panel">
				<i class="fas"></i>
				<span class="sr-only"></span>
			</li>
		</ul>
		<div class="tab-content">
			<div id="room-sidebar-tab-users" class="tab-pane fade show active" role="tabpanel" aria-labelledby="room-sidebar-users-tab">
				<div class="header">
					<span class="om-icon align-left settings clickable" wicket:message="title:306"></span>
					<span class="om-icon align-left activity cam clickable" wicket:message="data-on:camera.on,data-off:camera.off"></span>
					<span class="om-icon align-left activity mic bumper clickable" wicket:message="data-on:microphone.on,data-off:microphone.off"></span>
				</div>
				<div class="user-list clear"> <!-- auto-scrollable -->
					<div class="users"> <!-- content -->
					</div>
				</div>
			</div>
			<div id="room-sidebar-tab-files" class="tab-pane fade" role="tabpanel" aria-labelledby="room-sidebar-files-tab" wicket:enclosure="tree">
				<div class="file-list h-100" wicket:id="tree"></div>
			</div>
		</div>
	</div>
	<div wicket:id="activities"></div>
	<div wicket:id="addFolder"></div>
	<div wicket:id="upload"></div>
	<div wicket:id="confirm-kick" />
	<div wicket:id="settings" />
	<div hidden="hidden">
		<div id="user-entry-stub" class="user entry clearfix" >
			<span class="om-icon ulist-small user-status align-right " wicket:message="data-mod:679,data-wb:678,data-user:677"></span>
			<span class="align-right typing-activity">
				<i class="fas fa-pen-fancy"></i>
			</span>
			<div class="user name"></div>
			<span class="om-icon ulist-small audio-activity" wicket:message="data-speaks:ulist.user.speaks,data-mute:ulist.user.muteothers"></span>
			<div class="user actions clearfix">
			</div>
		</div>
		<span id="volume-control-stub" class="om-icon dropdown dropright volume-control align-right">
			<a class="fas volume-on" type="button" href="#" wicket:message="title:volume.label"></a>
			<div class="dropdown-menu">
				<div class="slider" wicket:message="title:volume.label">
					<div class="ui-slider-handle handle"></div>
				</div>
			</div>
		</span>
		<span id="user-av-restart" class="om-icon align-right restart clickable" wicket:message="title:lbl.refresh">
			<i class="fas fa-sync-alt"></i>
		</span>
		<div id="user-actions-stub">
			<span class="om-icon align-left right camera clickable" wicket:message="data-request:ulist.right.video.request,data-revoke:ulist.right.video.revoke,data-grant:ulist.right.video.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon align-left right audio bumper clickable" wicket:message="data-request:ulist.right.audio.request,data-revoke:ulist.right.audio.revoke,data-grant:ulist.right.audio.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon align-left right presenter bumper clickable" wicket:message="data-request:ulist.right.presenter.request,data-revoke:ulist.right.presenter.revoke,data-grant:ulist.right.presenter.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon align-left right wb bumper clickable" wicket:message="data-request:ulist.right.wb.request,data-revoke:ulist.right.wb.revoke,data-grant:ulist.right.wb.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon align-left right screen-share bumper clickable" wicket:message="data-request:ulist.right.share.request,data-revoke:ulist.right.share.revoke,data-grant:ulist.right.share.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon align-left right remote-control bumper clickable" wicket:message="data-request:ulist.right.remote.request,data-revoke:ulist.right.remote.revoke,data-grant:ulist.right.remote.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon align-left right moderator bumper clickable" wicket:message="data-request:ulist.right.moderator.request,data-revoke:ulist.right.moderator.revoke,data-grant:ulist.right.moderator.grant">
				<i class="fas"></i>
			</span>
			<span class="om-icon align-left kick bumper clickable" wicket:message="title:603">
				<i class="fas fa-ban text-danger"></i>
			</span>
			<span class="om-icon align-right private-chat clickable" wicket:message="title:1493">
				<i class="fas fa-edit"></i>
			</span>
		</div>
	</div>
</wicket:panel>
</html>
